<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="java.util.ArrayList,edu.ues21.tcs.ecommerce2011.mvc.model.Articulo"%>
<%@page import="java.util.ArrayList,edu.ues21.tcs.ecommerce2011.mvc.model.Marca"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<jsp:useBean id="resultadoArticulos" scope="request" type="java.util.ArrayList"></jsp:useBean>
<jsp:useBean id="marcas" scope="request" type="java.util.ArrayList"></jsp:useBean>
<jsp:useBean id="marcaRet" scope="request" type="java.lang.Integer"></jsp:useBean>
<jsp:useBean id="buscarRet" scope="request" type="java.lang.String"></jsp:useBean>

<div id="busqueda">
    <label for="txtBuscar">Buscar</label>
    <input type="text" name="txtBuscar" id="txtBuscar" value="${buscarRet}"/>
    <input type="button" value="Buscar" id="btnBuscar" onclick="buscar();"/>
    <input type="button" value="Limpiar" id="btnLimpiar" onclick="limpiar();"/>
</div>

<div id="comboMarcas" align="left">
    Marca: <select id="CmbMarca" name="CmbMarca" onchange="filtrarMarca();">
        <option value="0">(Todas)</option>
        <c:forEach var="marc" items="${marcas}">
            <option value="${marc.idmarca}" <c:if test="${marc.idmarca == marcaRet}">selected="selected"</c:if>>${marc.nombre}</option>
        </c:forEach>
    </select>
</div>

    <% if (!((ArrayList<Articulo>) request.getAttribute("resultadoArticulos")).isEmpty()) {%>
<table>
    <tr>
        <th>Nombre</th>
        <th>Marca</th>
        <th>Propiedades</th>
        <th>Ver Detalle</th>
    </tr>

    <c:forEach var="art" items="${resultadoArticulos}">
        <tr>
            <td>${art.nombre}</td>
            <td>${art.marca.nombre}</td>
            <td>${art.propiedades}</td>
            <td><input type="button" value="Ver Detalle" id="btnDetalle"  onclick="verDetalle('${art.idarticulo}');"/></td>
        </tr>
    </c:forEach>
</table>

	<%}else{%>
	<label>No se encontraron resultados.</label>
	<%}%>
	
<div id="resultadoDetalle" class="pop_up" style="left: 180px; top: 100px"></div>